<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta content="email=no" name="format-detection" />
    <script src="build/flexible.js"></script>
    <script src="build/flexible_css.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/icons.css">
    <!--[if lt IE 8]><!-->
    <link rel="stylesheet" href="ie7/ie7.css">
    <link rel="stylesheet" href="js/swiper/swiper.css">
    <!--<![endif]-->
    <title>服务单</title>
</head>
<body>
<header>
    <div class="header-tit box box-left box-center">
        <div class="item-fix header-icon"><a href="mine.html" class=" icon-back"></a></div>
        <h1 class="item">服务单</h1>
        <div class="item-fix icons-square"></div>
    </div>
    <ul class="header-tab box box-center font16">
        <li><a href="" class="tab-now">全部</a></li>
        <li><a href="">已预约</a></li>
        <li><a href="">已完成</a></li>
        <li><a href="">已取消</a></li>
    </ul>
</header>
<section class="section-double">
    <div class="list-tit font14">山南家园</div>
    <ul class="list-order">
        <li class="state">
            <div class="order-list-tit font16">
                <a href="serviceOrderDetail.html">服务订单号：02346513216</a>
            </div>
            <div class="order-list-product">
                <div class="service-order-list font14">
                    <div class="box box-between box-center">
                        <p>服务类型：洗衣服</p>
                        <p>2016-04-21</p>
                    </div>
                    <div class="box box-between box-center service-margin-square">
                        <p>预约人：黄繁江</p>
                        <p>13456872586</p>
                    </div>
                    <div class="service-order-inf service-margin-square">详细地址：成都市成华区府青路1段19号石油苑4栋2单元1906</div>
                </div>
            </div>
            <div class="order-list-inf box box-between box-center">
                <p class="font14">支付金额：<span class="font16">￥54.00</span></p>
                <div class="order-list-btn box box-right box-center font14">
                    <a href="javascript:;" class="common-btn btn-grey">查看详情</a>
                    <a href="javascript:;" class="common-btn btn-grey">接单</a>
                </div>
            </div>
            <div class="state-tip"><img src="img/order-finish.png"></div>
        </li>
        <li class="state">
            <div class="order-list-tit font16">
                <a href="serviceOrderDetail.html">服务订单号：02346513216</a>
            </div>
            <div class="order-list-product">
                <div class="service-order-list font14">
                    <div class="box box-between box-center">
                        <p>服务类型：洗衣服</p>
                        <p>2016-04-21</p>
                    </div>
                    <div class="box box-between box-center service-margin-square">
                        <p>预约人：黄繁江</p>
                        <p>13456872586</p>
                    </div>
                    <div class="service-order-inf">详细地址：成都市成华区府青路1段19号石油苑4栋2单元1906</div>
                </div>
            </div>
            <div class="order-list-inf box box-between box-center">
                <p class="font14">支付金额：<span class="font16">￥54.00</span></p>
                <div class="order-list-btn font14">
                    <a href="javascript:;" class="common-btn btn-grey">删除</a>
                </div>
            </div>
            <div class="state-tip"><img src="img/order-close.png"></div>
        </li>
        <li>
            <div class="order-list-tit font16">
                <a href="serviceOrderDetail.html">服务订单号：02346513216</a>
            </div>
            <div class="order-list-product">
                <div class="service-order-list font14">
                    <div class="box box-between box-center">
                        <p>服务类型：洗衣服</p>
                        <p>2016-04-21</p>
                    </div>
                    <div class="box box-between box-center service-margin-square">
                        <p>预约人：黄繁江</p>
                        <p>13456872586</p>
                    </div>
                    <div class="service-order-inf">详细地址：成都市成华区府青路1段19号石油苑4栋2单元1906</div>
                </div>
            </div>
            <div class="order-list-inf box box-left box-center">
                <p class="font14">支付金额：<span class="font16">￥54.00</span></p>
            </div>
        </li>
    </ul>

    <div class="load-more box font14">
        <a href="">点击加载更多...</a>
    </div>
</section>
</body>
</html>